<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/vue.min.js"></script>
</head>
<body>
    <!-- 
        之前已经学过的指令：
            v-bind:属性名    用于单向绑定标签中的属性，简写为 :属性名,例如:href, :style等等
            v-model:value   用于双向绑定数据，一般是输入类的表单，简写为v-model=''
            v-for           用于遍历数组、对象、对象数组、字符串
            v-on:事件名      用于绑定事件，可以简写为@事件名，例如@click
            v-if            用于条件渲染
            v-else-if        用于条件渲染
            v-else           用于条件渲染  
            v-show            用于条件渲染
    -->

    <!-- 
        
     -->
    
</body>
</html>
